body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input[type=text],textarea,p,blockquote,th,td,button{padding:0;margin:0;font-size:100%}
label input{vertical-align:middle}
a:link,a:visited{color:#333;text-decoration:none; outline:none}
a:hover,a:active{text-decoration:none}
body{font:12px/1.5 "Lucida Grande", Verdana, Helvetica, Arial, "Microsoft YaHei", Simsun, sans-serif;color:#333;background:#fff; behavior:url("csshover.htc");}
body.wd-body-01{ background:url(../images/front/menubg.gif) left 112px repeat-x}
body.second{ background:url(../images/front/menubg2.gif) left 112px repeat-x}

/*body{font:12px/1.5 "宋体", Arial, Helvetica, sans-serif;color:black;background-color:#fff;text-align:center}*/
img{border:0}
table{border-collapse:collapse}
ul li{list-style:none}
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.right{float:right}

@font-face
{
    font-family: systh;
    src: url('../fonts/systh.ttf');
}

.container{ max-width:1200px; padding:0px;}

.header,.banner,.footer{width: 100%;float: left}
.header{height:135px;background:#000;background-size:100%; width:100%;}

.h_top{width:33.75%; float:left;}
.h_bottom{width:66%;float: right;}
.h_bottom li{display:inline-block; font-size:16px; padding:0px 15px; line-height:135px;}
.h_bottom li a{ color:#fff;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{width:auto;  float:right;position:relative; z-index:100;  color:#FFF;   }
.nav{ position:relative; margin:0 auto;  font-size:16px; }
.nav a{ color:#FFF;  }
.nav .m{ float:right;  position:relative; z-index:1; }
.nav h3 a{ display:block; padding:0px 15px; height:135px; line-height:135px;  }
.nav .sub{ display:none; /*默认隐藏*/   position:absolute; left:-10px; top:135px; z-index:1; width:130px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px; position:relative;  }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3;height:50px; line-height:50px; color:#666;   }
.nav .sub li a:hover{ color:#f3c41c;   }
.nav .block{ height:20px; width:20px; background:url(../images/tb.png); position:absolute; left:45%; top:100px; overflow:hidden;  }

.nav .page_item{position:absolute; left:100%;  top:0px; width:135px; padding-left:2px;  display:none;}
.nav .page_item li{ text-align:center; width:100%; background:#FFF; }
.nav .page_item li a{ display:block;  border-bottom:1px solid #E6E4E3;height:50px; line-height:50px; color:#666;   }
.nav .page_item li a:hover{ color:#f3c41c;   }
.nav .page_item li a:last-child{border:none;}

.nav .sub li:hover .page_item{ display:block;}

/*banner*/
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
/*about*/
#about{ width:100%; height:300px; background:#f3c41c; overflow:hidden;}
.a_left{ width:41.5%; float:left;}
.a_left_content{ width:50%; margin-right:5%; float:right; padding:5% 0px; font-size:14px; color:#303030; position:relative;height:270px;}
.a_left_content span{ width:80%; display:inline-block;font-weight:500;}
.a_catname{width:96%; font-family:"systh"; line-height:42px; font-size:18px; color:#303030; position:absolute; bottom:0px;}
.a_right{ width:58.5%; float:left; background:#FFF; height:300px;position:relative;}

.r_more:hover{   animation: shake 1s;-o-animation: shake 1s;-webkit-animation: shake 1s;-moz-animation: shake 1s;}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-5px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(5px);
    }
}
@-o-keyframes shake {
    /* Opera */
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-5px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(5px);
    }
}
@-webkit-keyframes shake {
    /* Safari 和 Chrome */
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-5px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(5px);
    }
}
@-moz-keyframes shake {
    /* Firefox */
    0%, 100% {
        -moz-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-5px);
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(5px);
    }
}



.aimg{ max-width:100px; border-radius:100%;}
.aimg:hover{ animation: shake 1s;-o-animation: shake 1s;-webkit-animation: shake 1s;-moz-animation: shake 1s;}

.a_right_content{ width:65%; text-align:center; margin-left:5%; margin-top:3%;}
.a_right_content p{ margin-top:8%; color:#303030; font-size:16px; line-height:25px; font-family:"systh";}
.a_right_content span{ font-size:10px; text-transform:uppercase; color:#bcbbbb;}

.a_r_bottom{ width:100%; height:80px; background:#e8e8e8; position:absolute; bottom:0px; border-top:1px solid #cfcfcf;}
.a_r_ul{ width:70%;}
.a_r_ul ul li{ width:49.5%; float:left; border-right:1px solid #cfcfcf; height:80px; font-size:14px; line-height:80px;}
.a_r_ul ul li:last-child{ border:none;}
.a_r_ul ul li a{ color:#303030; padding-left:15%; font-weight:500;}

/*装修风格*/
.boxcatname{ width:100%; text-align:center; margin-top:5%; color:#303030; font-size:18px; font-family:"systh";}
.boxcatname p{ font-size:10px; text-transform:uppercase; color:#d6d6d6;}

.dh ul{position: relative;overflow: hidden;width: 100%;height: 320px; margin:4% auto; }
.dh ul li{float: left;width: 183px;overflow: hidden; margin:0px 2px;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.85);height: 100%;}
.dh ul li .layer .p1{position: absolute;width:90%; height:90%;left:5%; top:5%; font-size:12px; text-align:center;font-family:"微软雅黑"; font-weight:100;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;}

.pvimg{  height:100%;opacity:0;}

.animate{transition: all 0.5s ease-in-out;}
.p_box{ position:relative; width:100%; height:100%; text-align:center;font-family:"微软雅黑";}
.p_box span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}
.p_box span.top{right:0;top:0;border-top:2px solid #646462;margin-top:-2px;}
.p_box:hover span.top{width:100%;}
.p_box span.right{right:0;bottom:0;border-right:2px solid #646462;margin-right:-2px;}
.p_box:hover span.right{height:100%;}
.p_box span.bottom{left:0;bottom:0;border-bottom:2px solid #646462;margin-bottom:-2px;}
.p_box:hover span.bottom{width:100%;}
.p_box span.left{left:0;top:0;border-left:2px solid #646462;margin-left:-2px;}
.p_box:hover span.left{height:100%;}

.p_tb{ margin-top:5%; display:none; }
.p_box:hover .p_tb{ display:block; margin:5% auto;}
.dh ul li.curr{}
.dh ul li.curr .p1{display:none;}
/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */
.col1{ color:#fff; padding-top:68%; }

/*装修套餐*/
.zxpro{ margin:5% 0px; width:100%; display:inline-block;}
.zximg{ padding-left:0px; overflow:hidden; width:100%; margin:0px; position:relative; }

.zximg img,.zximg1 img{ width:100%; height:100%;}
.zximg1 img{opacity:0;}
.zximg1{ padding-left:0px;flex:0 0 49%; margin-right:2%; margin-bottom:2%; position:relative; height:230px; overflow:hidden;}
.zxtext{ position:absolute; color:#FFF; bottom:0px; font-size:18px; width:100%; text-align:center; line-height:300%; background:url(../images/line.png) repeat-x;}
.zxtext a{ color:#FFF;}
.zximg1:nth-child(3),.zximg1:nth-child(4){ margin-bottom:0px; }
.zximg1:nth-child(2),.zximg1:nth-child(4){ margin-right:0px; }
/*装修案例*/
#procase{ width:100%; background:#f8f6f6; min-height:1005px; margin:3% 0px 0px 0px;display:inline-block;font-family:"systh";}
.casename{ margin:3% 0px 2% 0px; padding-bottom:2%;}
.case_bt{  color:#303030; font-size:18px; width:30%; display:inline-table;}
.case_bt p{ font-size:10px; color:#d6d6d6; text-transform:uppercase}
.case_tel{display:inline-table; font-size:16px; color:#050505; width:25%;}
.case_tel p{ color:#fabb21; font-size:30px;}
.case_tel img{ margin-right:3%; float:left; width:70px;}
.case_tel span{float:left;}

.casepic{width:100%; position:relative; height:740px; overflow:hidden; margin:1% 0px 4% 0px; float:left; }
.casebox{ width:100%; height:100%; float:left; font-family:"微软雅黑"; background:#f8f6f6;overflow:hidden; }

.caseimg{ width:100%; float:left;height:80%;overflow:hidden; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.caseimg:hover{  transform:scale(1.05);-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.caseimg img{ width:100%;opacity:0; }
.casepic p{ width:100%; float:left; line-height:550%;}

.swiper-container1 .swiper-pagination-bullet-active{ width:50px; height:2px; background:#000!important; border-radius:0px;vertical-align: middle;}
.swiper-container1 .swiper-pagination-bullet{ background:#fec437; opacity:1; margin:0px 10px!important;}
.swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev{bottom:-10px; top:auto}
.swiper-container1 .swiper-button-next{ right:42%;}
.swiper-container1 .swiper-button-prev{ left:42%;}
.swiper-container1 .swiper-button-next:after,.swiper-container1 .swiper-button-prev:after{font-size:15px; color:#000;font-weight:bold;}
.swiper-container1 .swiper-button-disabled{opacity:1;}

.swiper-container1 {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-container1 .swiper-wrapper	{ height:98%;}
.swiper-container1 .swiper-slide {
      text-align: center;
      font-size: 14px;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  margin-top:0px!important;
    }

/*新闻中心*/
#news_box{ background:#1c1c1c; width:100%; padding:0px; margin:0px;  display:inline-block; position:relative;} 
.news_name{ width:24%; float:right; background:#f3c41c; position:relative; height:580px;z-index:1}
.news_bt{ width:100%; text-align:center; position:absolute; top:22%; font-family:systh; font-size:18px;color:#303030;}
.news_bt p{ font-size:10px; font-style:italic; text-transform:uppercase; color:#FFF;}
.news_name .box_more{ position:absolute; bottom:15%;}
.news_name .box_more img{margin-right:5%;}

.news_list{ width:75%; float:left; color:#FFF; }
.n_img img{ width:100%;}
.n_bt{ font-size:16px; margin:10% 0px; float:left; width:100%;}
.n_bt span{ font-size:18px; border-bottom:1px solid #f3c41c; margin-right:5%; padding-bottom:5%;}
.n_text{ width:100%;padding-left:5%;}
.n_text1{ width:100%;padding-right:5%;}
.n_dp{ font-size:14px; margin-top:2%; float:left; line-height:200%;}
.newlist{ margin-bottom:3.5%;}
.newlist a{ color:#FFF;}

/*首页底部版权*/
.copyright{ position:absolute; bottom:0px; height:90px; line-height:90px; z-index:0; color:#cacaca; font-size:16px; width:100%; background:#040404;}
.copyright a{  color:#cacaca; }
.copyright1{  height:90px; line-height:90px; display: inline-block; z-index:0; color:#cacaca; font-size:16px; width:100%; background:#040404;}
.copyright1 a{  color:#cacaca; }
.copyphone{ font-size:18px; color:#FFF; float:right; margin-right:26%;} 
.copyphone span{ font-size:31px; color:#f3c41c;} 

.copyphone1{ font-size:18px; color:#FFF; float:right;} 
.copyphone1 span{ font-size:31px; color:#f3c41c;} 
 
/*内页*/
.p_center{ width:100%;} 
.pc_top{ width:100%; padding:2% 0px; font-size:14px;}

.pc_top img{ margin-right:0.5%; vertical-align:text-top;}
.pagetitle{ width:100%; line-height:300%; font-family:systh; font-size:23px; text-align:center; padding:1% 0px;}
.pcbl_top{ width:100%; box-shadow:0px 0px 10px 0px #eaeaea; height:50px; margin-bottom:2%;}
.pcbl_top li{ width:10%; float:left; text-align:center; line-height:50px; font-size:15px;}
.pd{display:none!important;}
.pcbl_top li ul{ width:1200px;display:inline-block;}
.pcbl_top li ul li{
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
	text-align:center;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height:150%;
    font-size: 14px;
    width: 12.5%;
    transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    background: #f3f5f7;
    margin: 15px 5px 0 0;
	padding:1% 0.5%;
}
.pcbl_top li ul li a{ color: #76838f;}
.pcbl_top li:hover .pd{display:block!important;}

.pagecontent{ margin:2% 0px; width:100%; font-size:14px; line-height:250%;text-align:justify; text-justify:inter-ideograph;display:inline-block}
.pagecontent img{ max-width:100%;}
.pcbl_top li a:hover{ color:#f3c41c;}
#selecteda{color:#f3c41c; font-weight:bold;} 
 
.page_news{width:100%; height:auto;display:inline-block;}
.page_news ul li{margin-bottom: 1%;width:100%;  float:left; height:auto;position: relative;background: #ffffff;display: block;padding: 2%;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} 
.page_news ul li:hover { background: #f3c41c;} 
.news_time{width: 10%; float:left;text-align: center;background: #f3c41c;padding: 10px 0;overflow: hidden;border-radius: 4px 0 4px 0;} 
.page_news ul li .news_con {
    padding-left: 2%;
	width:90%; 
	float:left;
}
.page_news ul li .news_time p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.page_news ul li .news_time span{font-size: 14px;color: #fff;}
.page_news ul li .news_con p a {
    display: block;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_news ul li .news_con span {
    display: block;
    font-size: 15px;
    color: #999;
    line-height: 22px;
    padding-top: 1%;
    overflow: hidden;
} 
.page_news ul li:hover .news_time {
    background: #fff;
}
.page_news ul li:hover .news_time p{ color:#f3c41c;}
.page_news ul li:hover .news_time span{ color:#f3c41c;}
.page_news ul li:hover .news_con span{ color:#FFF;}
.page_news ul li:hover .news_con p a{color:#FFF;}

.pagepic{ width:100%; display:inline-block; margin:2% 0px;}
.margin-bottom-30 {
    margin-bottom: 2%;
}
.bt-gallery-box {
    position: relative;
    overflow: hidden;
}
.bt-gallery-box.style-3 .texts {
    bottom: 0;
    left: 0;
    padding: 40px 27px 80px;
    transform: translateY(50px);
    background-image: linear-gradient(to top,#000,transparent);
    height: auto;
    top: unset;
    opacity: 1;
}
.bt-gallery-box .texts {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(-50px);
    transition: .3s;
}
.bt-gallery-box.style-3 .gallery-btn {
    position: absolute;
    bottom: 40px;
    left: 27px;
    opacity: 0;
    font-size: 15px;
    font-weight: 500;
    transform: translateX(-55px);
    color: #fff;
}
.bt-gallery-box.style-3 .gallery-btn i {
    margin-left: 10px;
    font-size: 11px;
}
.bt-gallery-box.style-3:hover .gallery-btn {
	opacity: 1;
	transition: all ease .1s;
	transition-delay: .3s;
	transform: translateX(0)
}
.bt-gallery-box.style-3 .gallery-btn:hover:after {
	color: #f55b15
}
.image{width:100%; height:300px;}
.image img{ width:100%; height:100%; opacity:0;}
[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bt-gallery-box.style-3 .categorie {
    margin-bottom: 10px;
    display: block;

    font-size: 18px;
    line-height: 1.2;
	font-family:systh;
  
}

.bt-gallery-box .title {
    font-size: 24px;
    color: #fff;
}
.bt-gallery-box.style-3:hover .texts {
    transform: translateY(0);
    transition: all ease .3s;
    background-color: transparent;
}
style.css:1
.bt-gallery-box:hover .texts {
    transition: all ease .3s;
    background-color: rgba(0,0,0,.8);
    opacity: 1;
    transform: translateY(0);
}
style.css:1
.bt-gallery-box.style-3 .texts {
    bottom: 0;
    left: 0;
    padding: 40px 27px 80px;
    transform: translateY(50px);
    background-image: linear-gradient(to top,#1c1c1c,transparent);
    height: auto;
    top: unset;
    opacity: 1;
}
style.css:1
.bt-gallery-box .texts {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(-50px);
    transition: .3s;
}

.box_more{ width:100%; display:inline-block; text-align:center; font-size:12px; }
.box_more a{color:#050505;}
.box_more img{ margin-right:1%;}

.text{ font-size:14px; width:100%; display:inline-block; margin:2% 0px; line-height:180%;}

.pages{width: 100%; margin-bottom:5%;font-family:'microsoft yahei'; display:inline-block;height:12px;line-height:12px;float: left;text-align: center;font-size: 12px;font-family: "宋体";color: #343433;margin-top: 35px}
.pages a{color:#555; padding:5px 10px; border:1px solid #d8dadf;}
.pages span{padding:5px 10px; border:1px solid #f3c41c; background:#f3c41c; color:#FFF;}

/*在线留言*/
.pcb_right{ margin:2% 0px;}
.pcb_right tr{margin:1% 0px;}
.pcb_right td{height:50px; line-height:40px;}